﻿<div class="main">
    <div class="contact">{detail}</div>
    <div id="map"></div>
</div>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">
    var myOptions = {
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"), myOptions);
    var hn = new google.maps.LatLng(21.0317079030013, 105.76800600659101);
    var marker = new google.maps.Marker({
        map: map
    });

    function showHN() {
        map.setCenter(hn);
        marker.setPosition(hn);
    }

    showHN();
</script>